<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>遍历对象</title>
    <script src="../js/vue.js"></script>
    <style>


    </style>
</head>
<body>

    <div id="app">
        <ul>
            <li v-for="value in student">{{value}}</li>
        </ul>
        <hr>
        <ul>
            <li v-for="(v,k,i) in student">{{v}}--{{k}}--{{i}}</li>
        </ul>
        <hr>
        <ul>
            <li v-for="student in students">
                <span v-for="(v,k,i) in student">{{i}}---{{k}}--{{v}}-------</span>
            </li>
        </ul>
    </div>

</body>
<script>
    new Vue({
        el:"#app",
        data:{
           args:[1,2,3,4,5,6],
           students:[{
               name:"xiaoming",
               age:18
           },
               {
                   name:"xiaowang",
                   age:20
               }
           ]
        },

    })
</script>
</html>